<script setup lang="ts">
import { useRoute } from 'vue-router'
import {ref} from "vue";
import HeaderArea from "@/components/search/HeaderArea.vue";
import {showToast} from "vant";
const route = useRoute();
const List=ref<any>(route.query.item)
// console.log())
const List1=JSON.parse(List._rawValue)
const count = ref(0);
const loading = ref(false);
const onRefresh = () => {
    setTimeout(() => {
        showToast('刷新成功');
        loading.value = false;
        count.value++;
    }, 1000)}
</script>

<template>
    <van-pull-refresh v-model="loading" @refresh="onRefresh">
    <div>
        <HeaderArea>
            申请详情
        </HeaderArea>
        <div class="detail">
            <p>申请姓名 <span>{{List1.invitee}}</span></p>
            <p>联系方式 <span>{{List1.requestCompany}}</span></p>
            <p>公司名称<span>{{ List1.company }}</span></p>
            <p>
                营业执照
                <br>
                <img :src="'http://192.168.5.120:8199'+List1.licensePic" height="120px">
            </p>
            <div style="background-color: white;padding: 10px">
                公司介绍
                <p STYLE="background-color: lightgray;border: 1px solid darkgray;border-radius:3px;padding: 5px;min-height: 100px;margin-bottom: 20px">
                    {{List1.companyIntro }}
                </p>
                <span v-if="List1.auditState=='0'">待审核</span>
                <span v-else-if="List1.auditState=='1'">已通过</span>
                <span v-else>未通过</span>
            </div>

        </div>
    </div>
    </van-pull-refresh>
</template>

<style scoped lang="less">
.detail{
    width: 95%;
    padding: 10px;
    margin: 10px auto;
    background-color: white;
    border-radius: 10px;
    p{
        padding: 20px;
        //margin-right: 20px;
        border-bottom: 1px solid lightgray;
        background-color: white;
        span{
            margin-left: 30px;
        }
    }
}
</style>